<script>
	export default {
		globalData: {
			isLogin: false, //演示跳转页面拦截登录
			requestLogin: false, //演示访问接口拦截登录
		},
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/* #ifndef APP-NVUE */
	page {
		min-height: 100vh;
		background-color: #EEEEEE;
	}

	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
	}

	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video,
	picker-view,
	picker-view-column {
		box-sizing: border-box;
	}
	
	image {
		will-change: transform;
	}
	
	.text-tabel-cell-bottom {	/* 文字不同大小底部对齐 */
		display:table-cell;
		vertical-align:bottom;
	}
	/* #endif */
		
	.pre-hover{
		transition: transform .2s;
	}
	
	.hover {
		transform: scale(.95);
	}
	
	.QS {
		/* #ifdef APP-NVUE */
		background-color: #f7f7f7;
		/* flex: 1; */
		/* #endif */
	}
	
	.word-break_break-all{
		/* #ifndef APP-NVUE */
		word-break: break-all;
		/* #endif */
	}
	

	.fixed-bottom-center {
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.text-overflow_ellipsis {
		overflow: hidden;
		/* #ifndef APP-NVUE */
		white-space: nowrap;
		/* #endif */
		text-overflow: ellipsis;
	}

	.flex-wrap_wrap {
		flex-wrap: wrap;
		/* #ifndef APP-NVUE */
		word-break: break-all;
		/* #endif */
	}

	.white-space_nowrap {
		/* #ifndef APP-NVUE */
		white-space: nowrap;
		/* #endif */
		/* #ifdef APP-NVUE */
		flex-wrap: nowrap;
		/* #endif */
	}

	.statusText {
		height: 50px;
		/* #ifndef APP-NVUE */
		width: 100%;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 30rpx;
	}

	.width-rpx_750 {
		width: 750rpx;
	}

	.width_0 {
		width: 0;
	}

	.width_100 {
		width: 100%;
	}

	.colon::after {
		/* #ifndef APP-NVUE */
		content: ":";
		/* #endif */
	}

	.width-full {
		width: 100%;
	}

	.height_auto {
		/* #ifndef APP-NVUE */
		height: auto;
		/* #endif */
	}

	.height_full {
		/* #ifndef APP-NVUE */
		height: 100%;
		/* #endif */
	}

	.text_overflow_ellipsis {
		/* #ifndef APP-NVUE */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* #endif */
		/* #ifdef APP-NVUE */
		/* #endif */
	}

	.page-container {
		/* #ifndef APP-NVUE */
		width: 100%;
		display: flex;
		min-height: 100vh;
		/* #endif */
		/* #ifdef APP-NVUE */
		flex: 1;
		/* #endif */
		flex-direction: column;
	}

	.bgColor_f2f2f2 {
		background-color: #F2F2F2;
	}

	.bgColor_ffffff {
		background-color: #FFFFFF;
	}

	.flex_row {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
	}

	.flex_column {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
	}

	.flex_row_c_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.flex_column_c_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.flex_column_none_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
	}

	.flex_column_e_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}

	.flex_row_none_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
	}

	.flex_row_none_e {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: flex-end;
	}

	.flex_row_e_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: flex-end;
	}

	.flex_row_c_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
	}

	.flex_row_between_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.flex_row_around_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}

	.flex_column_between_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.flex_column_between_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: space-between;
	}

	.flex_column_between_e {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.flex_column_e_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: flex-end;
	}

	.flex_column_c_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
	}

	.flex_column_none_e {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: flex-end;
	}

	.flex_row_e_c {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.flex_row_c_e {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
		align-items: flex-end;
	}

	.flex_row_between_e {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
	}

	.flex_row_between_none {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
	}

	.flex_1 {
		flex: 1;
	}

	.flex_2 {
		flex: 2;
	}

	.flex_3 {
		flex: 3;
	}

	.flex_4 {
		flex: 4;
	}

	.flex_5 {
		flex: 5;
	}

	.flex_6 {
		flex: 6;
	}

	.flex_7 {
		flex: 7;
	}

	.flex_8 {
		flex: 8;
	}

	.flex_9 {
		flex: 9;
	}

	.QS-btn-fixed-bottom {
		position: fixed;
		bottom: 5vh;
		left: 50%;
		transform: translateX(-50%);
	}

	.QS-img {
		height: 120rpx;
		width: 120rpx;
	}

	.circle {
		border-radius: 50%;
	}

	.default {
		height: 120rpx;
		width: 120rpx;
	}

	.size_88rpx {
		height: 88rpx;
		width: 88rpx;
	}

	.size_80rpx {
		height: 80rpx;
		width: 80rpx;
	}

	.size_66rpx {
		height: 66rpx;
		width: 66rpx;
	}
	
	.size_44rpx{
		height: 44rpx;
		width:44rpx;
	}

	.QS-text {
		font-size: 30rpx;
		color: #333333;
	}

	.weight {
		font-weight: bold;
	}

	.weight_400 {
		font-weight: 400;
	}

	.weight_500 {
		font-weight: 500;
	}

	.weight_600 {
		font-weight: 600;
	}

	.weight_700 {
		font-weight: 700;
	}

	.weight_800 {
		font-weight: 800;
	}

	.weight_900 {
		font-weight: 900;
	}

	.mini {
		font-size: 28rpx;
	}

	.mini-x {
		font-size: 26rpx;
	}

	.mini-xx {
		font-size: 24rpx;
	}

	.mini-xxx {
		font-size: 22rpx;
	}

	.mini-xxxx {
		font-size: 20rpx;
	}

	.default {
		font-size: 30rpx;
	}

	.large {
		font-size: 32rpx;
	}

	.large-x {
		font-size: 34rpx;
	}

	.large-xx {
		font-size: 36rpx;
	}

	.large-xxx {
		font-size: 38rpx;
	}

	.large-36rpx {
		font-size: 36rpx;
	}

	.large-42rpx {
		font-size: 42rpx;
	}

	.large-48rpx {
		font-size: 48rpx;
	}

	.text-decoration_line-through {
		text-decoration: line-through;
	}

	.margin-left-rpx_36 {
		margin-left: 36rpx;
	}

	.margin-left-rpx_30 {
		margin-left: 30rpx;
	}

	.margin-left-rpx_25 {
		margin-left: 25rpx;
	}

	.margin-left-rpx_20 {
		margin-left: 20rpx;
	}

	.margin-left-rpx_10 {
		margin-left: 10rpx;
	}

	.margin-left-rpx_15 {
		margin-left: 15rpx;
	}

	.margin-left_3px {
		margin-left: 3px;
	}

	.margin-top-rpx_10 {
		margin-top: 10rpx;
	}

	.margin-top-rpx_15 {
		margin-top: 15rpx;
	}

	.margin-top-rpx_18 {
		margin-top: 18rpx;
	}

	.margin-top-rpx_20 {
		margin-top: 20rpx;
	}

	.margin-top-rpx_25 {
		margin-top: 25rpx;
	}

	.margin-top-rpx_30 {
		margin-top: 30rpx;
	}

	.margin-bottom-px_1 {
		margin-bottom: 1px;
	}

	.margin-bottom-rpx_10 {
		margin-bottom: 10rpx;
	}

	.margin-bottom-rpx_20 {
		margin-bottom: 20rpx;
	}

	.padding-rpx_25 {
		padding: 25rpx;
	}

	.padding-rpx_20_25 {
		padding: 20rpx 25rpx;
	}

	.padding-rpx_22_25 {
		padding: 22rpx 25rpx;
	}

	.padding-rpx_8_25 {
		padding: 8rpx 25rpx;
	}

	.padding-rpx_10_25 {
		padding: 10rpx 25rpx;
	}

	.padding-rpx_15_25 {
		padding: 15rpx 25rpx;
	}

	.padding-rpx_20 {
		padding: 20rpx;
	}

	.padding-rpx_10_0 {
		padding: 10rpx 0;
	}

	.padding-rpx_5_0 {
		padding: 5rpx 0;
	}

	.padding-rpx_32_20 {
		padding: 32rpx 20rpx;
	}

	.padding-rpx_30_25 {
		padding: 30rpx 25rpx;
	}

	.padding-rpx_10_20 {
		padding: 10rpx 20rpx;
	}

	.padding-rpx_40_25 {
		padding: 40rpx 25rpx;
	}

	.bgColor_ffffff {
		background-color: #FFFFFF;
	}

	.bgColor_4E2B14 {
		background-color: #4E2B14;
	}

	.bgColor_f7f7f7 {
		background-color: #f7f7f7;
	}

	.bgColor_f8f8f8 {
		background-color: #f8f8f8;
	}

	.bgColor_eeeeee {
		background-color: #EEEEEE;
	}

	.bgColor_FFD313 {
		background-color: #FFD313;
	}

	.bgColor_FFF9DF {
		background-color: #FFF9DF;
	}

	.color_ffffff {
		color: #FFFFFF;
	}

	.color_808080 {
		color: #808080;
	}

	.color_B3B3B3 {
		color: #B3B3B3;
	}

	.color_7F7F7F {
		color: #7F7F7F;
	}

	.color_888888 {
		color: #888888;
	}

	.color_FFDEA0 {
		color: #FFDEA0;
	}

	.color_333333 {
		color: #333333;
	}

	.color_666666 {
		color: #666666;
	}

	.color_FCDEBA {
		color: #FCDEBA;
	}

	.color_4E2B14 {
		color: #4E2B14;
	}

	.color_F30000 {
		color: #F30000;
	}

	.color_FF6666 {
		color: #FF6666;
	}

	.color_999999 {
		color: #999999;
	}

	.color_F30000 {
		color: #F30000;
	}

	.color_CCCCCC {
		color: #CCCCCC;
	}

	.color_000000 {
		color: #000000;
	}

	.color_BBBBBB {
		color: #BBBBBB;
	}

	.color_D7230C {
		color: #D7230C;
	}

	.color_52BE00 {
		color: #52BE00;
	}

	.border-radius-rpx_10 {
		border-radius: 10rpx;
	}

	.border-radius-rpx_20 {
		border-radius: 20rpx;
	}
	
	.border-radius_50{
		border-radius: 50%;
	}

	.border-radius-px_60 {
		border-radius: 60px;
	}

	.border-bottom_1px_f2f2f2 {
		border-bottom: 1px solid #F2F2F2;
	}

	.hideCanvas {
		position: absolute;
		top: -99999px;
		left: -99999px;
		z-index: -99999;
		opacity: 0;
		/* #ifndef APP-NVUE */
		pointer-events: none;
		/* #endif */
	}

	.min-height_100vh {
		/* #ifndef APP-NVUE */
		min-height: 100vh;
		/* #endif */
	}
</style>